<template>
	<page-body>
		<view class="page">
			<view class="flex flex-direction align-stretch justify-between benben-position-layout flex indSeaRes_flex_0"
				:style="{height:(93+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between indSeaRes_fd0_0'>
					<text class='fu-iconfont2  indSeaRes_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
						data-url="1">&#xE794;</text>
					<view class='flex flex-wrap align-center flex-sub indSeaRes_fd0_0_c1' >
						<benben-input class='flex-sub indSeaRes_fd0_0_c1_c0' type="text" :placeholder="$t('请输入')"
							confirm-type="done" :maxlength="-1" placeholder-style="color:#999;font-size:24rpx"
							v-model="KeyWord" />
					</view>
					<text class='indSeaRes_fd0_0_c2' @tap.stop="getpq6f224689e374Func">{{$t('搜索')}}</text>
				</view>

			</view>
			<view :style="{height: (93+StatusBarRpx)+'rpx'}"></view>
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout ffff" >
				<view class='flex flex-wrap align-center justify-between indSeaRes_fd1_0'>
					<template v-for='(item,key0) in dataList'>
						<view class='flex flex-direction flex-wrap align-center justify-between indSeaRes_fd1_0_c0'
							@tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/kc/kcdetail/kcdetail?course=${item.aid}`" :key='key0'>
							<image class='indSeaRes_fd1_0_c0_c0' mode="aspectFill" :src='item.cover?item.cover:STATIC_URL+"LOGO.png"'></image>
							<view class='flex flex-direction flex-wrap align-stretch flex-sub indSeaRes_fd1_0_c0_c1'>
								<text class='indSeaRes_fd1_0_c0_c1_c0 hid1'>{{group==1?item.courseplan_name:item.name}}</text>
							</view>
						</view>
					</template>
					<fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData"
						:listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty>
				</view>
			</view>
		</view>
	</page-body>
</template>
<script>
	import pagingList from '@/common/mixin/paging_list.js';
	import {
		validate
	} from '@/common/utils/validate.js'

	export default {
		components: {},
		mixins: [pagingList],

		data() {
			return {
				"minixPagingListsApi": "",
				"pageingListApiMethod": "",
				"allowOnloadGetList": false,
				"dataList": [],
				"KeyWord": "",
				group:0,
			};
		},
		computed: {

		},
		watch: {},
		onLoad(options) {
			let {
				KeyWord
			} = options
			if (KeyWord !== undefined) this.KeyWord = KeyWord
			this.getpq6f224689e374Func()
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {
			this.group=uni.getStorageSync('USER_GROUP')
		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			//APP接口-获取我的课程
			getpq6f224689e374Func() {
				let url=''
				let obj={
					name: this.KeyWord
				}
				if(uni.getStorageSync('USER_GROUP')==1){
					url= global.apiUrls.post68c9345a8e5b8
				}else{
					url= global.apiUrls.post68c392e0f23e8
					obj.type=1
				}
				this.minixPagingListsApi = url;
				this.pageingListApiMethod = 'get';
				this.allowOnloadGetList = false;
				this.pagingListPostDataContent = obj
				this.listData = [];
				this.dataList = this.listData;
				this.pagingListToggle();

			},
			pagingListPostData() {
				return this.pagingListPostDataContent
			}
		}
	};
</script>
<style lang="scss" scoped>
	.empty-status {
		margin-top: 220rpx;

		.kong-img {
			width: 100%;
		}
	}

	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: #F6F6F6;
		background-size: 100% auto;
	}

	.indSeaRes_flex_0 {
		background: #fff;
		width: 750rpx;
		height: 93rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: #eee;
	}

	.indSeaRes_fd0_0_c2 {
		font-size: 28rpx;
		font-weight: 400;
		color: #333;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.indSeaRes_fd0_0_c1_c0 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333;
	}

	.indSeaRes_fd0_0_c1 {
		background: rgba(249, 249, 249, 1);
		height: 64rpx;
		background-size: 100% auto !important;
		border-radius: 34rpx 34rpx 34rpx 34rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #333;
	}

	.indSeaRes_fd0_0_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: #333;
		margin: 0rpx 34rpx 0rpx 0rpx;
	}

	.indSeaRes_fd0_0 {
		padding: 0rpx 24rpx 0rpx 35rpx;
		line-height: 93rpx;
	}

	.indSeaRes_fd1_0_c0_c1_c1_c1 {
		color: rgba(153, 153, 153, 1);
		font-size: 24rpx;
		margin: 0rpx 5rpx 0rpx 3rpx;
	}

	.indSeaRes_fd1_0_c0_c1_c1_c0 {
		color: rgba(153, 153, 153, 1);
		font-size: 24rpx;
	}

	.indSeaRes_fd1_0_c0_c1_c0 {
		// margin: 16rpx 0rpx 16rpx 0rpx;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		font-family: PingFang SC, PingFang SC;
		color: #333333;
		font-style: normal;
		text-transform: none;
	}

	.indSeaRes_fd1_0_c0_c1 {
		width: 100%;
		padding: 24rpx;
	}

	.indSeaRes_fd1_0_c0_c0 {
		width: 100%;
		margin: 0;
		height: 191rpx;
		border-radius: 16rpx 16rpx  0 0 ;
	}

	.indSeaRes_fd1_0_c0 {
		background: #F7FAFF;
		width: 48%;
		height: 250rpx;
		border-radius: 16rpx;
		background-size: 100% auto;
		margin: 0rpx 0rpx 24rpx 0rpx;
		width: 339rpx;
		height: 280rpx;
	}

	.indSeaRes_fd1_0 {
		margin: 0rpx 24rpx 0rpx 24rpx;
	}

	.ffff {
		padding-top: 24rpx;
	}
</style>